<template>
	<view class="content_box">
		<view class="content_box_right">
			<!-- 1 -->
			<view class="content_box_right_ul my-mgt-15">
				<view class="li_txt my-pdl-15">累计采购</view>
				<view class="li_contant">
					<view class="li_contant_txt my-pdl-15">团队累计采购（台）</view>
					<view class="li_contant_num my-pdr-10">{{recordDev.teamNum||0}}</view>
				</view>
				<view class="li_contant">
					<view class="li_contant_txt my-pdl-15">我的累计采购（台）</view>
					<!-- <view class="li_contant_bg"></view>
					<view class="li_contant_center my-mgr-15">
						<view class="">线上采购</view>
						<view class="my-mgt-4">线下采购</view>
					</view> -->
					<view class="li_contant_num my-pdr-10">
						{{recordDev.myNum||0}}
						<!-- <view class="">{{recordDev.myPayOfflineNum||0}}</view>
						<view class="my-mgt-4">{{recordDev.myPayOnlineNum||0}}</view> -->
					</view>
				</view>
				<view class="li_contant" style="border: none;">
					<view class="li_contant_txt my-pdl-15">直属累计采购（台）</view>
					<view class="li_contant_num my-pdr-10">{{recordDev.nextLevelNum||0}}</view>
				</view>
			</view>
			<!-- 2 -->
			<view class="content_box_right_ul my-mgt-15">
				<view class="li_txt my-pdl-15">累计兑换</view>
				<view class="li_contant">
					<view class="li_contant_txt my-pdl-15">团队累计兑换（台）</view>
					<view class="li_contant_num my-pdr-10">{{recordDev.teamExchangeNum||0}}</view>
				</view>
				<view class="li_contant">
					<view class="li_contant_txt my-pdl-15">我的累计兑换（台）</view>
					<view class="li_contant_num my-pdr-10">{{recordDev.teamExchangeNum||0}}</view>
				</view>
				<view class="li_contant" style="border: none;">
					<view class="li_contant_txt my-pdl-15">直属累计兑换（台）</view>
					<view class="li_contant_num my-pdr-10">{{recordDev.nextLevelExchangeNum||0}}</view>
				</view>
			</view>
			<!-- 3 -->
			<view class="content_box_right_ul my-mgt-15">
				<view class="li_txt my-pdl-15">累计划拨</view>
				<view class="li_contant">
					<view class="li_contant_txt my-pdl-15">累计划出（台）</view>
					<view class="li_contant_num my-pdr-10">{{recordDev.distributeOutNum||0}}</view>
				</view>
				<view class="li_contant" style="border: none;">
					<view class="li_contant_txt my-pdl-15">累计划入（台）</view>
					<view class="li_contant_num my-pdr-10">{{recordDev.distributeInNum||0}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"machRecord",
		props:{
			recordDev:Object
		},
		data() {
			return {
				dev:[]
			};
		}
	}
</script>

<style lang="scss" scoped>
	.content_box {
		width: 100%;
		height: 1065rpx;
		display: flex;
		
		.content_box_right{
			width: 560rpx;
			height: auto;
			min-height: 990rpx;
			.content_box_right_ul{
				width: 520rpx;
				height: auto;
				min-height: 220rpx;
				margin: auto;
				background: #FAFAFA;
				border-radius: 5rpx;
				.li_txt{
					width: 100%;
					height: 60rpx;
					line-height: 60rpx;
					background: #51463D;
					font-size: 28rpx;
					font-weight: bold;
					color: #FFFFFF;
				}
				.li_contant{
					width: 100%;
					height: 90rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					border-bottom: 1rpx solid #E8E8E8;
					.li_contant_txt{
						font-size: 24rpx;
						font-weight: 400;
						color: #666666;
					}
					.li_contant_num{
						font-size: 24rpx;
						font-weight: bold;
						color: #4B3E34;
					}
					.li_contant_bg{
						width: 1rpx;
						height: 60rpx;
						background: #E8E8E8;
					}
					.li_contant_center{
						font-size: 20rpx;
						font-weight: 400;
						color: #666666;
					}
				}
			}
		}
	}
</style>
